4000-888-103

资讯动态网易新闻×Ford:新旧交替太岁换班资讯详情

网易新闻×Ford:新旧交替太岁换班

2019-05-17 09:59:52

新旧交替 太岁换班                     


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

h5


新旧交替 太岁换班

完整欣赏此案例大约需要1分35秒


案例:新旧交替 太岁换班

出品:网易新闻×Ford

亮点:

1.创意定位

本命年容易犯太岁是中国民间的一种说法,也让很多人为了躲太岁,扎上红腰带,戴上小红绳。本H5案例就是从犯太岁的角度出发,先讲述了太岁的来历,再利用躲太岁的小游戏,生成对应的专属新年签,让人很有代入感。

2.策划上

用一只小鼓敲打着加载完页面之后,出现红底黄字的一首小诗,并在诗句中点明;福特;,再点击首屏下方的圆点就进入画中画了。画中画主要是说明太岁的由来,自动慢速推进的设计十分巧妙,犹如人行换景,之后以小游戏的形式增加了用户的互动性和参与度。躲太岁的小游戏设计的也非常巧妙,需要手指拖动界面中奔跑的小人躲避不时出现的太岁的攻击,成绩的计算让人产生胜负欲,挑战之后,输入名字出现的专属新年签也可以长按保存。

3.视觉上

红黄色调、小鼓、怪兽太岁、扎丸子头穿大褂的小儿都代表着浓浓的中国风,喜庆又有趣。

4.技术上

html5、PixiJS的技术加持,增加了画面流畅度。

5.体验上

大家都知道有犯太岁一说,但是把太岁搬上台面来娱乐,还是非常新奇有趣;通过代码的方式获取用户系统的时间,实现时间的不断更新,不仅能够给人时新感,也蕴含着浓浓的年味儿。



技术实现: html5、PixiJS



新旧交替 太岁换班

                                                                     

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png